<template>
  <div class="user">
    <h1>this is user page</h1>
    <a-input v-model:value="inputVal"></a-input>
  </div>
</template>

<script lang="ts">
import {
  defineComponent,
  ref,
  onActivated,
  onDeactivated,
  ComponentInternalInstance
} from 'vue'

export default defineComponent({
  name: 'user',
  setup() {
    const inputVal = ref('')

    // onDeactivated((data: ComponentInternalInstance | null | undefined) => {
    //   console.log('执行了 uer onDeactivated', data)
    // })

    return { inputVal }
  }

  // onActivated() {
  //   console.log('执行了 user onActivated')
  // },
  // created() {
  //   console.log('user created')
  // },
  // mounted() {
  //   console.log('user mounted')
  // }
})
</script>
<style scoped lang="less"></style>
